@charset "UTF-8";
.cont {
  width: 1210px;
  margin: 0 auto;
  overflow: hidden; }
  .cont aside {
    float: left;
    margin-top: 10px; }
    .cont aside ul {
      min-height: 100px;
      position: relative; }
      .cont aside ul li {
        position: relative;
        width: 400px;
        overflow: hidden; }
        .cont aside ul li img {
          width: 395px;
          height: 400px;
          border: solid 1px lightgray; }
          .cont aside ul .iii span{
            position:absolute;
            display: none;
            top: 0;
            left: 0;
            background-color: rgba(0,0,0,0.4);
          }
      .cont aside ul .bigimg {
        width: 400px;
        height: 400px;
        border: lightgreen 1px solid;
        position: absolute;
        top: 0;
        left: 420px;
        overflow: hidden;
        z-index: 1;
        display: none;}
        .cont aside ul .bigimg img{
          width: 1200px;
          height: 1200px;
          position: absolute;
          left:0;
          top:0;
        }
      .cont aside ul .banner img {
        width: 60px;
        height: 60px;
        margin: 19px;
        float: left;
        border: solid 1px lightgray; }
  .cont header {
    padding: 30px;
    box-sizing: border-box;
    width: 780px;
    margin-top: 10px;
    float: left; }
    .cont header h1 {
      width: 506px;
      height: auto;
      margin: 5px 0;
      font: bold 16px/22px "微软雅黑";
      color: #666; }
    .cont header p {
      height: 40px;
      margin: 15px;
      line-height: 40px;
      overflow: hidden;
      font-family: "微软雅黑"; }
    .cont header .pri {
      display: block;
      height: 30px;
      font-weight: bold;
      line-height: 30px;
      font-size: 26px;
      font-family: "微软雅黑";
      color: #c40000; }
    .cont header button {
      width: 200px;
      height: 40px;
      background-color: #3ea600;
      line-height: 40px;
      font-size: 25px;
      color: white;
      border: none;
      text-align: center; }

section {
  overflow: hidden;
  width: 1210px;
  margin: 0 auto; }
  section aside {
    width: 210px;
    height: 550px;
    margin-right: 30px;
    float: left;
    /* background-color: chartreuse; */
   }
  section article {
    float: left;
    width: 730px;
    min-height: 800px; }
    section article header {
      height: 40px;
      border-bottom: 2px solid lightgray; }
      section article header li {
        float: left;
        height: 40px; }
        section article header li a {
          font-size: 14px;
          font-weight: bold;
          line-height: 40px;
          padding-left: 5px;
          margin-right: 30px; }
        section article header li a:hover {
          border-bottom: #3ea600 2px solid; }
    section article nav {
      border-bottom: 1px dotted lightgray; }
      section article nav ul {
        border-bottom: 1px dotted lightgray;
        overflow: hidden;
        padding: 13px; }
        section article nav ul li {
          width: 175px;
          float: left; }
      section article nav p {
        clear: both;
        padding: 13px;
        text-indent: 2em;
        color: #999;
        font: 12px/150% Arial, Tahoma, "宋体"; }
    section article .detailmes h1 {
      font: bold 14px "微软雅黑";
      color: #666;
      line-height: 24px; }
    section article .comment ul {
      height: 500px;
      background-color: white; }
